<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>产品搜索结果页</title>
	<link rel="stylesheet" type="text/css" th:href="@{/web/css/global.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/web/css/layout.css}">
</head>
<body>
	<div id="wrapper">
		<!-- header -->
		<div id="header" th:include="web/header::homeHeader" ></div>
		<!-- main -->
		<div id="main" >
			<header>
				<h2>搜索结果</h2>
			</header>
			<section class="products-show">
				<header>
					<h3>搜索结果</h3>
				</header>
				<div class="product-show" th:each=" product,iterStat : ${productList}"  th:classappend="${iterStat.index >=8}? 'module-display-hide'">
					<a th:href="@{/web/productDetails(productId=${product.productId})}"><img th:src="${product.covenPhoto}" alt="" class="imgItem"></a>
					<span><a th:href="@{/web/productDetails(productId=${product.productId})}" th:text="${product.productName}"></a></span>
				</div>
				<button th:if="${productList.size()>8}" th:class="${productList.size()>0}?'load-more':'load-btn'" th:text="${productList.size()==0}?'没有找到相关内容':'加载更多'">加载更多</button>
			</section>
		</div>
		<!-- footer -->
		<div id="footer" th:include="web/footer::footer"></div>
	</div>
	<script type="text/javascript" th:src="@{/js/plugins/jquery-1.11.3.min.js}"></script>
	<script type="text/javascript" th:src="@{/web/js/header.js}"></script>
	<script type="text/javascript" th:src="@{/web/js/footer.js}"></script>
	<script type="text/javascript" th:src="@{/web/js/productExhibition.js}"></script>
<script>
    $(function(){
        //面包屑名称
        $("#menu-ico span").html("•&nbsp;&nbsp;产品&nbsp;&nbsp;•&nbsp;&nbsp;搜索结果");
	});
</script>
</body>
</html>